<!--
 * @Author: xuwejie 1529315455@qq.com
 * @Date: 2023-08-28 14:39:13
 * @LastEditors: xuwejie 1529315455@qq.com
 * @LastEditTime: 2023-09-28 11:15:23
 * @FilePath: \v9\src\components\Breadcrumb\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <el-breadcrumb class="app-breadcrumb" separator="/">
    <router-link to="/" class="breadcrumb_a">{{ this.site_title }}</router-link>
  </el-breadcrumb>
</template>

<script>
import pathToRegexp from "path-to-regexp";
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["site_title"]),
  },
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "@/styles/variables.scss";
.app-breadcrumb.el-breadcrumb {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  .breadcrumb_a {
    font-size: 18px;
    color: $theme_font_color;
    font-weight: 500;
    margin-left: 20px;
    font-family: PingFang SC;
  }
  .no-redirect {
    color: #97a8be;
    cursor: text;
  }
}
</style>
